<template>
  <div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center justify-center">
    <RingLoading />
    <div class="text-gray-200">等待设备连接中...</div>
    <div class="text-gray-100 flex flex-col items-center text-center mt-4">
      <div>投屏端地址</div>
      <a class="text-orange-300 cursor-pointer" :href="screenSrc" target="_blank">{{ screenSrc }}</a>
      <CopyTxet :text="screenSrc" iconColor="#fdba74 " />
    </div>
  </div>
</template>
<script setup>
import RingLoading from "@/components/loadings/ring.vue";
import CopyTxet from "@/components/CopyTxet.vue";
defineProps({
  screenSrc: {
    type: String,
    required: true,
  },
});
</script>
